/* Option */
span.sp_btn00 {
	display: inline-block;
	border: #DEDFDE solid 1px;
}

span.sp_btn00 a {
	display: inline-block;
	padding: 4px 8px;
	color: #808080;
	font: 11px dotum;
	letter-spacing: -1px;
	text-decoration: none;
	background: none repeat scroll 0 0 #FFFFFF;
	border-top: #FFFFFF 1px solid;
}

span.sp_btn00 a:hover {
	color: #000000;
}
/* @Option */

/* list */
#bbslist {
	margin:  auto;
	padding:  0 0 30px 0;
}

#bbslist .topinfo {
	margin: 0 0 5px 0;
	padding: 8px 10px 8px 10px;
	font: 12px dotum;
	border: 1px solid #DEDFDE;
}

#bbslist .topinfo a {
	color: #BFBFBF;
    font: bold 10px verdana,dotum;
}

#bbslist .topinfo h1 {
	margin: 0;
	padding: 0;
	font: bold 14px dotum;
	line-height: 160%;
}

#bbslist .topinfo span {
    margin: -11px 0 0;
	color: #BFBFBF;
    font: bold 10px verdana,dotum;
}

#bbslist .topinfo span.adtool,
#bbslist .topinfo span.adtool a {
	color: #4CA5E7;
}

#bbslist .topinfo .category {
	float: right;
	margin: 2px 0 0 0;
}

#bbslist .topinfo .category select {
	padding: 1px;
}

#bbslist .topinfo .category select .sline {
	color: #c0c0c0;
}

#bbslist table {
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
}

#bbslist table caption {
	display: none;
}

#bbslist thead th {
	height: 28px;
	border-top: #D2D2D2 solid 1px;
	border-bottom: #D2D2D2 solid 1px;
	background-color: #FFFFFF;
	font: normal 11px dotum;
	color: #787878;
}

#bbslist thead .side1 {
	border-left: #D2D2D2 solid 1px;
}

#bbslist thead .side2 {
	border-right: #D2D2D2 solid 1px;
}

#bbslist tbody tr:hover {
	background-color: #F4F4FF;
}

#bbslist tbody tr:hover a {
	color: #aa2233;
}

#bbslist tbody .noticetr td {
	background: url('');
	background: #F5F5FF;
	border-bottom: #EBEBEB solid 1px;
}

#bbslist tbody .noticetr td a {
	font-weight: bold;
}

#bbslist tbody td {
	text-align: center;
	color: #888888;
	font-family: arial;
	font-size: 10px;
	border-bottom: #E6E6E6 solid 1px;
	letter-spacing: -1px;
}

#bbslist td {
	padding: 7px 0 7px 0;
}

#bbslist td.snum {
	color: #999A9F;
	font: bold 11px verdana,dotum;
}

#bbslist .now {
	color: #ff0000;
	font: 10px verdana,dotum;
}

#bbslist .cat {
	margin: 0 2px 0 0;
	font-size: 12px;
	font-family: gothic,gulim;
	color: #888;
	letter-spacing: -1px;
}

#bbslist .sbj {
	text-align: left;
	padding: 5px 0 3px 10px;
	letter-spacing: 0px;
}

#bbslist .sbj img {
	vertical-align: middle;
	margin: 0 0 3px 3px;
}

#bbslist .sbj img.hidden {
	vertical-align: middle;
	margin: 0 2px 4px 0;
}

#bbslist .sbj .imgpos {
	vertical-align: top;
	margin: 0.07em 3px 0 0;
}

#bbslist .sbj a {
	font-size: 12px;
	font-family: gothic,gulim;
	color: #777777;
	text-decoration: none;
	line-height: 150%;
}

#bbslist .sbj a: hover {
	text-decoration: underline;
}

#bbslist .sbj .new {
	color: #ff0000;
	vertical-align: middle;
	padding: 0 0 0 3px;
}

#bbslist .sbj .comment {
	margin: 0 0 0 3px;
	font: bold 10px verdana,dotum;
	color: #4CA5E7;
}

#bbslist .sbj .comment {
	margin: 0 0 0 3px;
	font: bold 10px verdana,dotum;
	color: #4CA5E7;
}

#bbslist .sbj .vote {
	margin: 0 0 0 3px;
	font: bold 10px verdana,dotum;
	color: #FA704C;
}

#bbslist .sbj .trackback {
	font: normal 11px arial;
	color: #02ACD6;
}

#bbslist .sbj1 {
	text-align: left;
	padding: 5px 0 3px 10px;
	font-size: 12px;
	font-family: gothic,gulim;
	color: #222222;
	line-height: 150%;
}

#bbslist .name {
	color: #999A9F;
	font: 12px verdana,dotum;
	text-align: left;
}

#bbslist .name a {
	color: #888;
}

#bbslist .name img.lvlcon {
	vertical-align: middle;
	margin: -1px 0 -1px -3px;
}

#bbslist .name img.lvlcon2 {
	vertical-align: middle;
	margin: -2px 0;
}

#bbslist .name .name_box {
	width: 100%;
	padding: 0 0 2px !important;
}

#bbslist .name .name_box table {
	width: 100%;
	table-layout: fixed;
	border: 0 none !important;
}

#bbslist .name .name_box table td {
	color: #999A9F;
	font: 12px verdana,dotum;
	text-align: left;
}

#bbslist .name .name_box table td.n_icon {
	vertical-align: top;
	width: 30px;
	margin: 0;
	padding: 0 !important;
	text-align: center;
	border: medium none !important;
}

#bbslist .name .name_box table td.n_nick {
	overflow: hidden;
	margin: 0;
	padding: 1px 0 0 !important;
	line-height: 1.2em;
	border: medium none !important;

}

#bbslist .hit {
	color: #999A9F;
	font: bold 11px verdana,dotum;
}

#bbslist td.sdate {
	color: #999A9F;
	font: bold 11px verdana,dotum;
}

#bbslist .btnbox {
	float: right;
	width: 130px;
	text-align: right;
}

#bbslist .pagebox01 {
	padding: 15px 0 0 0;
	text-align: center;

}

#bbslist .btngray {
	height: 1.9em;
	margin: 0;
}

#bbslist .searchform {
	padding: 20px 0 0 0;
	text-align: left;
}

#bbslist .searchform select {
	font-size: 12px;
	font-family: gulim;
	height: 20px;
	vertical-align: middle;
	padding: 2px;
}

#bbslist td.nonum {
	padding: 10px 0 10px 0;
	font: 12px dotum;
}
/* @list */



/* view */
#bbsview {
	margin: auto;
	padding: 0 0 30px 0;
}

#bbsview .topbox {
	padding: 0 0 7px 0;
}

#bbsview .topbox a:hover {
	cursor: pointer;
}

#bbsview .topbox div.topside {
	float: right;
}

#bbsview .icon {
	float: right;
	width: 50px;
	height: 50px;
	padding: 5px;
	border: #DEDFDE solid 1px;
	border-width: 2px 1px 1px 1px;
	background: url('/_var/simbol/0.gif') center center no-repeat #FFFFFF;
}

#bbsview .subject {
	height: 20px;
	margin: 0;
	padding: 10px 0 10px 10px;
	border: #DEDFDE solid;
	border-width: 2px 0px 1px 1px;
}

#bbsview .subject h1 {
	margin: 1px 0 0 0;
	padding: 0;
	font: bold 14px dotum;
}

#bbsview .subject .category {
	color: #999999;
	font: bold 14px verdana,dotum;
}

#bbsview .options {
	height: 16px;
	margin-top: -1px;
	padding: 3px 7px 0 7px;
	border: #DEDFDE solid 1px;
	border-width: 1px 0px 1px 1px;
}

#bbsview .options .hitbar,
#bbsview .options .date {
	color: #BFBFBF;
	font: bold 10px verdana,dotum;
}

#bbsview .options .hitbar {
	float: left;
}

#bbsview .options .date {
	float: right;
	padding-right: 7px;
}

#bbsview .options .hitbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#bbsview .options .hitbar li {
	float: left;
	margin-left: 5px;
}

#bbsview .infobox {
	margin-top: -1px;
	margin-bottom: -1px;
	padding: 9px 10px 8px 10px;
	border: #DEDFDE solid 1px;
	color: #708070;
	font: 12px dotum;
}

#bbsview .infobox img.lvlcon {
	vertical-align: middle;
	margin: -2px 0 0 0;
}

#bbsview .infobox img.lvlcon2 {
	vertical-align: middle;
	margin: -2px 2px 0 0;
}

#bbsview .infobox .lft_info {
	float: left;
	margin: 1px 0 0 0;
}

#bbsview .infobox .lft_info .subinfo {
	font-size: 11px;
}

#bbsview .infobox .lft_info .subinfo a {
	cursor: pointer;
	color: #708070;
}

#bbsview .infobox .lft_info .subinfo img {
	position: relative;
    top: 3px;
	left: 3px;
    right: 3px;
}

#bbsview .infobox .rht_info {
	float: right;
	margin: 0 0 -3px 0;
}

#bbsview .infobox .rht_info ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#bbsview .infobox .rht_info li {
	float: left;
}

#bbsview .infobox .rht_info .g {
	padding: 2px 7px 0 0;
	padding-top: 4px\9;
}

#bbsview .infobox .rht_info .g a {
	color: #808080;
	font: 11px dotum;
}

#bbsview .infobox .rht_info .g a: hover {
	text-decoration: underline;
}

#bbsview .infobox .rht_info div {
	position: absolute;
	display: none;
}

#bbsview .infobox .rht_info div ul {
	position: relative;
	top: 17px;
	width: 79px;
	border: #dfdfdf solid 1px;
	background: #ffffff;
	padding: 1px;
}

#bbsview .infobox .rht_info div li {
	float: none;
	display: block;
	padding: 3px 0 3px 3px;
	color: #333;
	font-size: 11px;
	cursor: pointer;
}

#bbsview .infobox .rht_info div li: hover {
	background: #ECF0F6;
}

#bbsview .viewbox {
	padding: 15px;
	border: #DEDFDE solid;
	border-width: 1px 1px 2px 1px;
}

#bbsview .viewbox .info .num {
	font-family: dotum;
	font-size: 11px;
}

#bbsview .viewbox .content {
	line-height: 160%;
}

#bbsview .viewbox .content .ctt_box {
}

#bbsview .viewbox .content .snsbox {
	text-align: right;
	height: 22px;
}

#bbsview .viewbox .content .snsbox img {
	cursor: pointer;
}

#bbsview .middle_box .tag {
	margin-top: 3px;
	margin-bottom: 3px;
}

#bbsview .middle_box .tag .tag_h1 {
	display: inline;
	float: left;
	padding: 9px 12px 9px 12px;
	border: #DEDFDE solid 1px;
}

#bbsview .middle_box .tag .tag_h1 h1 {
	margin: 0;
	padding: 0;
	font: bold 14px dotum;
}

#bbsview .middle_box .tag .tag_con {
	padding: 10px 12px 10px 65px;
	border: #DEDFDE solid 1px;
}

#bbsview .middle_box .tag .tag_con a {
	color: #808080;
	font: 12px dotum;
}

#bbsview .middle_box .tag .tag_con a: hover {
	text-decoration: underline;
}

#bbsview .middle_box .attach {
	margin-top: 3px;
	margin-bottom: 3px;
}

#bbsview .middle_box .attach .attach_h1 {
	float: left;
	display: inline;
	padding: 9px 12px 9px 12px;
	border: #DEDFDE solid 1px;
}

#bbsview .middle_box .attach .attach_h1 h1 {
	margin: 0;
	padding: 0;
	font: bold 14px dotum;
}

#bbsview .middle_box .attach .attach_con {
	padding: 10px 12px 10px 95px;
	border: #DEDFDE solid 1px;
}

#bbsview .middle_box .attach ul {
	margin: 0;
	padding: 0;
}

#bbsview .middle_box .attach li {
	display: inline;
	padding: 0 10px 0 15px;
	background: url('/_core/image/_public/ico_file.gif') left no-repeat;
	list-style-type: none;
}

#bbsview .middle_box .attach li a {
	color: #808080;
	font: 12px dotum;
}

#bbsview .middle_box .attach li a: hover {
	text-decoration: underline;
}

#bbsview .middle_box .attach li .size,
#bbsview .middle_box .attach li .down {
	color: #808080;
	font: 11px dotum;
}

#bbsview .bottom {
	float: right;
	margin: 5px 0;
	text-align: right;
}

#bbsview .comment {
	float: left;
	margin: 5px 0;
	color: #c0c0c0;
}

#bbsview .comment a {
	color: #3EA9CD;
	font: 11px dotum;
	letter-spacing: -1px;
}

#bbsview .comment .icon1 {
	position: relative;
	top: 3px;
}
/* @view */



/* write */
#bbswrite {
	margin: auto;
	padding: 0 0 30px 0;
}

#bbswrite tr {
	background-color: #FFFFFF;
}

#bbswrite td {
	padding: 3px 10px;
}

#bbswrite .editbox {
	padding: 10px 0 10px 0;
}

#bbswrite .td1 {
	width: 60px;
	color: #444444;
	font-weight: bold;
	text-align: center;
	letter-spacing: -1px;
}

#bbswrite .td2 {
}

#bbswrite .td2 .guide {
	font-size: 11px;
	font-family: dotum;
	color: #999;
	padding: 10px 0 10px 0;
}

#bbswrite .td2 .guide img {
	position: relative;
	top: 3px;
}

#bbswrite .td2 .check {
	color: #666;
}

#bbswrite .td2 .check input {
	position: relative;
	top: 2px;
}

#bbswrite .td2 .input {
	height: 18px;
}

#bbswrite .td2 .subject {
	width: 400px;
}

#bbswrite .td2 select {
	margin: 1px;
	width: 404px;
	padding: 2px 2px 2px 0;
}

#bbswrite .td2 select .cattt {
	background: #efefef;
}

#bbswrite .td2 img {

}

#bbswrite .td2 .after {
	padding: 5px 0 5px 0;
	color: #999;
	font: 11px dotum;
	letter-spacing: -1px;
}

#bbswrite .td3 {
	text-align: center;
	width: 150px;
	color: #444444;
	font-weight: bold;
	vertical-align: middle;
	letter-spacing: -1px;}


#bbswrite .iconbox {
	border-left: #e0e0e0 solid 1px;
	border-top: #e0e0e0 solid 1px;
	border-right: #e0e0e0 solid 1px;
	background: #f9f9f9;
	padding: 6px 0 8px 7px;
}

#bbswrite .iconbox a {
	padding: 0 3px 0 3px;
	font-size: 11px;
	font-family: dotum;
	color: #333;
}

#bbswrite .iconbox a: hover {
	color: #7899C7;
}

#bbswrite .iconbox a img {
	position: relative;
	top: 2px;
	left: -2px;
	margin-right: 3px;
}

#bbswrite .iconbox .split {
	padding: 0 2px 0 2px;
	margin-bottom: -1px;
}

#bbswrite .bottombox {
	text-align: center;
	padding: 20px 0 20px 0;
	margin: 15px 0 0 0;
	border-top: #efefef solid 1px;
}

#bbswrite .bottombox .btngray {
	font-weight: bold;
	width: 60px;
	height: 25px;
}

#bbswrite .bottombox .btnblue {
	font-weight: bold;
	width: 80px;
	height: 25px;
}
/* @write */